<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
	<title>关于我们</title>
	<jsp:include page="../base/header.jsp"></jsp:include>
	<link rel="stylesheet" type="text/css" href="static/ssjf/css/about.css">
	<script type="text/javascript" src="static/ssjf/js/index.js"></script>
</head>
<body>
	<div class="container color-FFF">
		<div class="row content">
			<div class="col-3 nav_ele">
				<ul>
					<li class="active"><img src="static/ssjf/img/extends/01.png">简介</li>
					<li><img src="static/ssjf/img/extends/02.png">制度</li>
					<li><img src="static/ssjf/img/extends/03.png">团队</li>
					<li><img src="static/ssjf/img/extends/04.png">架构</li>
					<li><img src="static/ssjf/img/extends/05.png">联系</li>
				</ul>
			</div>
			<div class="col-1 nav_direc">
				<ul>
					<li class="active"><img src="static/ssjf/img/extends/r_triangle.png"></li>
					<li><img src="static/ssjf/img/extends/r_triangle.png"></li>
					<li><img src="static/ssjf/img/extends/r_triangle.png"></li>
					<li><img src="static/ssjf/img/extends/r_triangle.png"></li>
					<li><img src="static/ssjf/img/extends/r_triangle.png"></li>
				</ul>
			</div>
			<div class="col-7 detail">
				<div class="detail_title">
					简介
				</div>
				<div class="detail_content">
					<p>${about.intro }</p>
				</div>
				<div class="row extends">
					<div class="col-1"></div>
					<div class="col-10">
						<div class="row">
							<div class="col-4 like"><img src="static/ssjf/img/extends/like.png">点赞</div>
							<div class="col-4 comment"><img src="static/ssjf/img/extends/comment.png">留言</div>
							<div class="col-4 import"><img src="static/ssjf/img/extends/import.png">分享</div>
						</div>
					</div>
					<div class="col-1"></div>
				</div>
			</div>
			<div class="col-1"></div>
		</div>
	</div>
	<script>
	$(function(){
		var about = {
			intro:"${about.intro}",
			frame:"${about.frame}",
			contact:"${about.contact}",
			regime:"${about.regime}",
			team:"${about.team}"
		};
		$.loadAbout(about);
	});
	</script>
</body>
</html>